<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>index</title>
	<!-- 引入 echarts.js -->
	<link type="image/x-icon" rel="icon" href="http://static.sxbang.net/portal/images/icon.ico"/>
	<link type="image/x-icon" rel="shortcut icon" href="http://static.sxbang.net/portal/images/icon.ico"/>
	<link type="image/x-icon" rel="bookmark" href="http://static.sxbang.net/portal/images/icon.ico"/>

	<link href="http://static.sxbang.net/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
	<link href="http://static.sxbang.net/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>

	<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1023956d2bf6aaf56ae7726320e41776"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>

	<script src="http://static.sxbang.net/jquery/jquery-2.1.4.min.js"></script>
	<script src="http://static.sxbang.net/bootstrap/3.3.4/js/bootstrap.min.js"></script>



</head>
<body>
	<style >
	body {
		background-color: #eeeeee;
	}
	</style>
	<link rel="stylesheet" href="./common/css/bootstrap-datetimepicker.min.css"/>
	<script src="./common/js/bootstrap-datetimepicker.min.js"></script>
	<script src="./common/js/bootstrap-datetimepicker.zh-CN.min.js"></script>
	<!-- <link href="./common/css/sxb-common-layout.css?v=201807241807" rel="stylesheet"/> -->
	<link href="./common/css/emokr-toast.css?v=201807241807" rel="stylesheet"/>
	<link href="./invitation/css/generate-invitatioin-code.css?v=201807241807" rel="stylesheet"/>
	<link href="./sideDirectory/css/side-directory.css?v=201807241807" rel="stylesheet"/>

	<div id="side-directory" class="side-directory black" data-practiceid="{{PracticeId}}">
		<div class="sd-title">
			<i class="sd-icon sd-title-icon"></i><div class="" title="{{Title}}" >
				{{Title}}
			</div>
		</div>
		<div class="sd-container">

			<div class="sd-chapter" id="{{ChapterElemId}}" data-chapterid="{{ChapterId}}" >
				<input type="checkbox" id="{{CheckChapterElemId}}" value="">
				<label for="{{CheckChapterElemId}}" class="sd-chapter-hd">
					<i class="sd-icon"></i><div class="" title="{{ChapterName}}" >
						{{ChapterName}}
					</div><i class="sd-icon chapter-status"></i>
				</label>
				<div class="sd-chapter-bd">
					<div class="sd-lesson {{IsActive}}" id="{{LessonElemId}}" data-lessonid="{{LessonId}}">
						<i class="sd-icon lesson_try {{IsShow}}"></i>
						<i class="sd-icon lesson-type {{LessonType}}"></i>
						<div title="{{LessonName}}">{{LessonName}}</div>
						<i class="sd-icon lesson-status {{LessonStatus}}"></i>
					</div>
				</div>
			</div>

		</div>
	</div>

	<div class="container">
		<div class="generate-invitation">
			<div class="gi-hd">
				<span>生成邀请码</span><span>/</span><span>邀请码</span>
			</div>
			<div class="gi-container-bd">
				<div class="row">
					<div class="col-md-3">

					</div>
					<div class="col-md-6">
						<div class="gi-form-container-bd">

							<div class="gi-form-item">
								<div class="row">
									<div class="col-md-3">
										邀请码标题
									</div>
									<div class="col-md-9">
										<input id="invitation-title-input"  type="text" name="" value="" placeholder="请输入邀请码标题" />
									</div>
								</div>
							</div>

							<div class="gi-form-item">
								<div class="row">
									<div class="col-md-3">
										邀请码数量
									</div>
									<div class="col-md-9">
										<input id="invitation-num-input"  type="text" name="" value="" placeholder="请输入邀请码数量（不大于1000）" />
									</div>
								</div>
							</div>

							<div class="gi-form-item">
								<div class="row">
									<div class="col-md-3">
										有效时间
									</div>
									<div id="useable-time" class="col-md-9">
										<input class="useable-time-input" id="useable-start-time-input" type="text" readonly  name="" value="" placeholder="生效时间" />
										<div >
											至
										</div>
										<input class="useable-time-input" id="useable-end-time-input" type="text" readonly name="" value="" placeholder="失效时间" />
									</div>
								</div>
							</div>

							<div class="gi-form-item">
								<div class="row">
									<div class="col-md-3">
										对应项目
									</div>
									<div class="col-md-9">
										<select class="" id="invitation-course-id" name="">
											<option value="1">sss</option>
											<option value="2">去掉select原有样式</option>
											<option value="3">Washington DC</option>
											<option value="44">Los Angeles</option>
											<option value="15">Chicago</option>
											<option value="6">Houston</option>
											<option value="7">Philadelphia</option>
											<option value="8">Phoenix</option>
										</select>
									</div>
								</div>
							</div>

							<div class="gi-form-item">
								<div class="row">
									<div class="col-md-3">
										使用须知
									</div>
									<div class="col-md-9">
										<textarea id="invitation-instruction-input" name="invitation-use-kown" rows="5" cols="50" placeholder="请输入邀请码的使用规则"></textarea>
									</div>
								</div>
							</div>

							<div class="gi-form-item">
								<div class="row">
									<div class="col-md-3">
									</div>
									<div class="col-md-9">
										<input type="button" name="cancel" value="返回"/>
										<input type="button" id="generateInvitation" name="" value="确认生成" onclick="sideDirectory.toggle()"/>
									</div>
								</div>
							</div>

						</div>
					</div>
					<div class="col-md-3">

					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="./common/js/emokr-toast.js?v=201807241809"></script>
	<script src="./sideDirectory/js/side-directory.js?v=201807241809"></script>
</body>
</html>
